<div>
    <div class="row">
        <div class="col-md-1 padding-r-0">
            <div class=" border-radius ">
                <div class="margin-xs-r  treeview ">
                    <ul class="list-group text-center border-radius">
                        <li class="list-group-item node-orgTree "
                            v-for="(item,index) in liftMachineReservationInfo.machines" :key="index"
                            @click="_swatchLiftMachine(item)"
                            :class="{'vc-node-selected':liftMachineReservationInfo.conditions.machineId == item.machineId}">
                            {{item.machineName}}
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="col-md-11">
            <div class="ibox ">
                <div class="ibox-title">
                    <h5>
                        <vc:i18n name="查询条件"></vc:i18n>
                    </h5>
                    <div class="ibox-tools" style="top:10px;">

                    </div>
                </div>
                <div class="ibox-content">
                    <div class="row">
                        <div class="col-sm-2">
                            <div class="form-group">
                                <select class="custom-select" v-model="liftMachineReservationInfo.conditions.resWay">
                                    <option selected value="">
                                        {{vc.i18n('请选择预约方式','liftMachineReservation')}}
                                    </option>
                                    <option value="1001">室内机</option>
                                    <option value="2002">业主手机</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <div class="form-group">
                                <select class="custom-select" v-model="liftMachineReservationInfo.conditions.personWay">
                                    <option selected value="">
                                        {{vc.i18n('请选择人员类型','liftMachineReservation')}}
                                    </option>
                                    <option value="1001">访客</option>
                                    <option value="3003">员工</option>
                                    <option value="2002">业主</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <div class="form-group">
                                <input type="text" :placeholder="vc.i18n('请输入人员','liftMachineReservation')"
                                    v-model="liftMachineReservationInfo.conditions.personName" class=" form-control">
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <div class="form-group">
                                <input type="text" :placeholder="vc.i18n('请输入预约房号','liftMachineReservation')"
                                    v-model="liftMachineReservationInfo.conditions.roomName" class=" form-control">
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <button type="button" class="btn btn-primary btn-sm"
                                v-on:click="_queryLiftMachineReservationMethod()">
                                <vc:i18n name="查询" namespace="liftMachineReservation"></vc:i18n>
                            </button>
                            <button type="button" class="btn btn-primary btn-sm"
                                v-on:click="_resetLiftMachineReservationMethod()">
                                <vc:i18n name="重置" namespace="liftMachineReservation"></vc:i18n>
                            </button>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-2">
                            <div class="form-group">
                                <input type="text" :placeholder="vc.i18n('请输入开始时间','liftMachineReservation')"
                                    v-model="liftMachineReservationInfo.conditions.queryStartTime"
                                    class=" form-control queryStartTime">
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <div class="form-group">
                                <input type="text" :placeholder="vc.i18n('请输入结束时间','liftMachineReservation')"
                                    v-model="liftMachineReservationInfo.conditions.queryEndTime"
                                    class=" form-control queryEndTime">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <div class="ibox">
                        <div class="ibox-title">
                            <h5>
                                <vc:i18n name="预约记录" namespace="liftMachineReservation"></vc:i18n>
                            </h5>
                        </div>
                        <div class="ibox-content">

                            <table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
                                <thead>
                                    <tr>
                                        <th class="text-center">
                                            <vc:i18n name='设备名称' namespace='liftMachineReservation'></vc:i18n>
                                        </th>
                                        <th class="text-center">
                                            <vc:i18n name='预约方式' namespace='liftMachineReservation'></vc:i18n>
                                        </th>
                                        <th class="text-center">
                                            <vc:i18n name='预约房号' namespace='liftMachineReservation'></vc:i18n>
                                        </th>
                                        <th class="text-center">
                                            <vc:i18n name='人员' namespace='liftMachineReservation'></vc:i18n>
                                        </th>
                                        <th class="text-center">
                                            <vc:i18n name='人员类型' namespace='liftMachineReservation'></vc:i18n>
                                        </th>
                                        <th class="text-center">
                                            <vc:i18n name='原始楼层' namespace='liftMachineReservation'></vc:i18n>
                                        </th>
                                        <th class="text-center">
                                            <vc:i18n name='目标楼层' namespace='liftMachineReservation'></vc:i18n>
                                        </th>
                                        <th class="text-center">
                                            <vc:i18n name='创建时间' namespace='liftMachineReservation'></vc:i18n>
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr
                                        v-for="liftMachineReservation in liftMachineReservationInfo.liftMachineReservations">
                                        <td class="text-center">{{liftMachineReservation.machineName}}</td>
                                        <td class="text-center">{{liftMachineReservation.resWayName}}</td>
                                        <td class="text-center">{{liftMachineReservation.roomName}}</td>
                                        <td class="text-center">{{liftMachineReservation.personName}}</td>
                                        <td class="text-center">{{liftMachineReservation.personWayName}}</td>
                                        <td class="text-center">{{liftMachineReservation.orgLayer}}</td>
                                        <td class="text-center">{{liftMachineReservation.targetLayer}}</td>
                                        <td class="text-center">{{liftMachineReservation.createTime}}</td>
                                    </tr>
                                </tbody>
                            </table>
                            <!-- 分页 -->
                            <vc:create path="frame/pagination"></vc:create>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>